<div class="row">
    <script th:inline="javascript">
        $(window).keydown(function(event){
            if(event.keyCode == 13){
                if($('#skip_to_page') != undefined){
                    if( $('#skip_to_page') != null){
                        if(document.activeElement.id == 'skip_to_page'){
                            skipTo();
                            return false;
                        }
                        return true;
                    }
                    return true;

                }
                return true;
            }
            return true;
        });
        function skipTo(){
            var max_page = $('#max_page_limit').val();
            var skip_to = $('#skip_to_page').val();

            if(!skip_to){
                alert('请填写要跳往的页数！');
                return false;
            }
            skip_to = Math.min(skip_to,max_page);
            skip_to = eval(Math.max(skip_to,1)-1);
            window.top.location.href = $('#url_4_skip').val()+skip_to;

        }

    </script>
	<div class="col-md-5 col-sm-12">
        <input type="hidden" id="table_container" th:value="${table_container}"/>
        <input type="hidden" id="max_page_limit" th:value="${pageContext.totalPages}"/>
        <input type="hidden" id="url_4_skip" th:value="${url+'?viewState='+viewState+'&amp;page='}"/>
		<div class="dataTables_info" id="sample_1_info">总计<span th:text="${pageContext.totalElements}"></span>个记录，共<span th:text="${pageContext.totalPages}"></span>页，第<span th:text="${pageContext.number+1}"></span>页&nbsp;&nbsp;
            跳至<input type="text" id="skip_to_page" class="pagination-panel-input form-control input-mini input-inline input-sm" style="text-align:center;height: 25px; margin: 0 5px;"/>
            <a  class="btn btn-sm default" style="height: 23px;" title="GO" onclick="skipTo()">GO</a>
        </div>
	</div>
	<div class="col-md-7 col-sm-12">
		<div class="dataTables_paginate paging_bootstrap">
			<ul class="pagination" style="visibility: visible;">
				<li class="prev" th:classappend="${!pageContext.hasPreviousPage()}? 'disabled'"><a  th:if="${pageContext.hasPreviousPage()}" href="#" title="Prev"  th:href="${url+'?page='+(pageContext.number-1)+'&amp;viewState='+viewState}"><i class="fa fa-angle-left"></i></a></li>
				<li th:each="pageNumber : ${pageContext.pageNumberList}" th:classappend="${pageNumber == pageContext.number}? 'active'">
					<a href="#" th:href="${url+'?page='+pageNumber+'&amp;viewState='+viewState}" th:text="${pageNumber+1}">1</a>
				</li>
				<li class="next" th:classappend="${!pageContext.hasNextPage()}? 'disabled'"><a href="#" title="Next" th:if="${pageContext.hasNextPage()}" th:href="${url+'?page='+(pageContext.number+1)+'&amp;viewState='+viewState}"><i class="fa fa-angle-right"></i></a></li>
			</ul>
		</div>
	</div>
</div>